<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>档期网</title>
		<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
		<s:include value="/commond/keydesc.jsp"></s:include>
		<!-- CSS -->
		<link href="${ctx}/css/head/head.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/invite/invite_nav.css" type="text/css" rel="stylesheet" />
		<link href="${ctx}/css/main.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/content/connect_box.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/connect/add_ct.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
			.searchdefault{
				color:#666666;
			}
			.searchonit{
				color:#000000;
			}
			
			ul.userinfo li.name{
				margin-top: 10px;
			}
			ul.userinfo li{
				margin-top: 10px;
			}
			ul.userinfo li.btn{
				margin-top: 20px;
			}
			#msg_box {
			    float: left;
			    height: 150px;
			    overflow: hidden;
			    position: absolute;
			    text-align: center;
			    width: 300px;
			    z-index: 999;
			}
			#msg_box div.msg_note {
			    background: none repeat scroll 0 0 #FFFFFF;
			    border: 1px solid #A0A0A0;
			    border-radius: 3px 3px 3px 3px;
			    box-shadow: 0 0 10px #777777;
			    font-size: 12px;
			    height: 60px;
			    left: 0;
			    margin: 20px;
			    padding: 10px 0;
			    position: relative;
			    text-align: center;
			    width: 240px;
			}
			#msg_box div.msg_note div.msg_text {
			    line-height: 14px;
			}
			#msg_box div.msg_note div.msg_text font {
			    color: #EB6100;
			    font-weight: bold;
			}
			#msg_box div.msg_note div.msg_opt {
			    margin: 15px auto;
			    width: 120px;
			}
			#msg_box div.msg_note div.msg_opt a.confirm {
			    background: url("../image/daydetailcontent_confirm.jpg") repeat scroll 0 0 transparent;
			    display: block;
			    float: left;
			    height: 20px;
			    width: 50px;
			}
			#msg_box div.msg_note div.msg_opt a.confirm:hover {
			    background-position: -50px 0;
			}
			#msg_box div.msg_note div.msg_opt a.cancel {
			    background: url("../image/daydetailcontent_confirm.jpg") repeat scroll 0 -20px transparent;
			    float: left;
			    height: 20px;
			    margin-left: 10px;
			    width: 50px;
			}
			#msg_box div.msg_note div.msg_opt a.cancel:hover {
			    background-position: -50px -20px;
			}
		</style>
		<!-- JavaScript -->
		<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
		<script type="text/javascript">var jQ = jQuery.noConflict();</script>
		<script type="text/javascript" src="${ctx}/js/contact/contact_mode.js"></script>
		<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
		<script type="text/javascript" src="${ctx}/js/contact/search.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<div class="invite_page" style="min-height: 600px;background: #C0D1DB;margin-top: 47px;height: auto;">
<table class="main" cellpadding="0" cellspacing="0" style="background: #fff;margin: 40px auto;min-width: 1050px;width: 1050px;border: 1px solid #96a6af;height: 450px;">
<tr>
	<td class="center" style="padding: 0;width: 1050px;">
		<div class="widetopline"></div>
       	<ul class="wideheadtitle">
       		<li class="left"></li>
       		<li class="title">
       			<div class="info_title"><span>搜索档期用户</span></div>
       		</li>
       		<li class="right"></li>
       	</ul>
       	<div class="widebottomline"></div>
		<div class="connect_box" style="border: 0;width: 1040px;">
               <!-- 邀请好友 -->
			<div class="add_ct" id="input_box">
               	<div class="add_ul">
                    <div style="padding-top: 20px;">
                    	<select style="float: left; margin-top: 6px; height: 22px; padding-top: 2px; padding-bottom: 2px;" id="search_type_sel" onchange="changeUserType(this);">
                    		<option value="1">用户</option>
                    		<option value="2">商家</option>
                    	</select>
                    	<input size="40" value="输入搜索的真实姓名" class="add_ul_input searchdefault" onfocus="checkStatus(this,event);" onblur="checkStatus(this,event);" id="searchinput"/>
                        <button onclick="searchUser(this);" class="add_ul_button" id="searchbutton"></button>
                    </div>
                    <div style="padding-top: 10px;color: #ff0000;font-size: 13px;height: 13px;width: 500px;" id="search_info">
                    </div>
                </div>
			</div>
			<div class="search_list" style="display: block;">
                <div class="result" id="search-result-count" style="display: none;">
                	找到<span id="resultcount" class="count"></span>个相关信息
                </div>
                <div id="search-result-content">
				</div>
			</div>
		</div>
	</td>					
</tr>
</table>
</div>
<s:include value="/foot.jsp"></s:include>
<div id="requestfriendzoneout" style="display: none;">
	<div id="requestfriendzone">
		<input type="hidden" id="requestfrienduid"/>
		<div style="padding: 2px 0;">
			<span class="add_t">分类：</span>
				<select id="add_ul_class_sel" style="font-size: 12px;">
					<option value="1">好友</option>
					<option value="2">同事</option>
					<option value="3">家人</option>
				</select>
		</div>
		<div>
			<span class="add_t">留言：</span>
			<textarea style="font-size: 12px;width: 180px;" id="add_ul_memo_area"></textarea>
		</div>
		<div class="opt">
			<button id="requestfriend-cancel" style="float: right;" title="取消" >取消</button>
			<button id="requestfriend-confirm" style="float: right;" title="确定" >确定</button>
		</div>
	</div>
</div>
<div class="accept_msg_box" id="msg_box" style="display: none;">
	<div class="msg_note" >
		<div class="msg_text" id="msg_box_content">确定不再订阅</div>
		<div class="msg_opt" id="msg_box_opt">
			<a class="confirm"></a>
			<a class="cancel"></a>
		</div>
	</div>
</div>
</body>
</html>